﻿@model TumbaloSoft.Helpers.QueryObjects.BusquedaRegistroMantenimiento

@{
    if (ViewBag.permiso == 3)
    {

        Layout = "~/Views/Shared/_AdministradorGeneralLayout.cshtml";

    }

    if (ViewBag.permiso == 2)
    {

        Layout = "~/Views/Shared/_AdministradorEdificiosLayout.cshtml";

    }
	ViewBag.Title = "Listado de Registro de Mantenimiento";
}

<script>
    $(document).ready(function () {
        var id = $("#id");

        function updateTips(t) {
            tips
			    .text(t)
			    .addClass("ui-state-highlight");
            setTimeout(function () {
                tips.removeClass("ui-state-highlight", 1500);
            }, 500);
        }

        $("#dialog-form").dialog({
            autoOpen: false,
            height: 600,
            width: 600,
            modal: true,
            buttons: {
                "Buscar": function () {
                    document.getElementById('busqueda').submit()
                    $(this).dialog("close");
                },
                Cancelar: function () {
                    $(this).dialog("close");
                }
            },
            close: function () {
                allFields.val("").removeClass("ui-state-error");
            }
        });

        $("#buscar")
		    .button()
		    .click(function () {
		        $("#dialog-form").dialog("open");
		    });
    });

</script>


<script>
    function siguientePagina() {
        var form = document.getElementById("Busqueda");
        var prPage = document.createElement("div");
        prPage.innerHTML = "<input type='hidden' value='@ViewBag.nextPage' id='prPage' name='prPage'>";
		document.getElementById("busqueda").appendChild(prPage);
		document.getElementById("busqueda").submit();
    }
    function anteriorPagina() {
        var form = document.getElementById("Busqueda");
        var prPage = document.createElement("div");
        prPage.innerHTML = "<input type='hidden' value='@ViewBag.prevPage' id='prPage' name='prPage'>";
   	document.getElementById("busqueda").appendChild(prPage);
   	document.getElementById("busqueda").submit();
   }
</script>

<body id="page5">
<!-- content -->
		<div class="body2">
			<div class="main">
				<section id="content">
					<div class="wrapper">
                        <!--ESTA COLUMNA ES PARA EL MENU DE NAVEGACION DE LA IZQUIERDA QUE HABIA EN LOS MOCKUPS
                            DISCULPEN SI LOS ESTILOS ESTAN MAL NO SE MUCHO CSS-->
                        <article class="col0">
                            <nav class="urbangreymenu">
                                <h3 class="headerbar">Listado Contratos</h3>
                                    <ul id="subMenu">
									<!--
                                        <li><h5>@Html.ActionLink("Nuevo Edificio","Registrar")</h5></li>
                                        <li><h5>@Html.ActionLink("Modificar Edificio","Modificar")</h5></li>
                                        <li><h5>@Html.ActionLink("Eliminar Edificio","Index")</h5></li>
										-->
                                    </ul>
                            </nav>
                        </article>





                        <div id="dialog-form" title="Busqueda de Proveedor">
						<p class="validateTips">Ingrese Los criterios de Busqueda</p>

						<form id="busqueda" method="get" action="/RegistroMantenimiento">

                            <input hidden name="idContrato" value="@ViewBag.idContrato"/>
							            
                            <div  class="wrapper">
                            			<span><br>Fecha:</span>  
                                        </div>   
                                        <div>
                                           <table>
                                               <tr><td>Desde: <input class="input" type="date" name="prFechaMin"/></td>
                                               </tr>
                                               <tr><td>Hasta: <input class="input" type="date" name="prFechaMax"/></td></tr>
                                           </table>									   
                                         </div>
                                       <div  class="wrapper">
											<span><br>Hora Inicio</span>

                                        </div>
                                       <div>                                           
                                           <table>
                                               <tr><td>Desde: <input class="input" type="time" name="prHoraIMin"/></td></tr>
                                               
                                               <tr><td>Hasta: <input class="input" type="time" name="prHoraIMax"/></tr>
                                           </table>
									   </div>
									   <div  class="wrapper">
											<span><br>Hora Fin</span>
                                       </div>
                                       <div>
                                           <table>
                                               <tr><td>Desde: <input class="input" type="time" name="prHoraFMin"/></td></tr>
                                               <tr><td>Hasta: <input class="input" type="time" name="prHoraFMax"/></td></tr>
                                           </table>
									   </div>	


                           
						</form>
					</div>


						<article class="col1">
                            <!--dentro de div pad2 trabajare mi formulario -->
							<div class="pad2">
								<h2 class="pad_bot1 pad_top1">Lista de Mantenimientos Preventivos</h2>
									
                                   <form id="ContactForm" method="post">
                                       	<div  class="wrapper" style="overflow:auto">
											<br><span style="float : none"><a id="buscar">Buscar</a></span>
											<br><br><table border ="1" id="indice" >
                                                <tr>
                                                    <th>Fecha de Mantenimiento</th>
                                                    <th>Hora de Inicio</th>
                                                    <th>Hora de Fin</th>                                                    
													<th>Descripcion</th>													                                                    
													<th>Eliminar</th>
                                                </tr>
                                                    @foreach (var registro in ViewBag.registro)
                                                    {
                                                        <tr class="alt">                                                            
                                                            
                                                            <td>@registro.prFecha.ToShortDateString()</td>
                                                            <td>@registro.prHoraMantI</td>
                                                            <td>@registro.prHoraMantF</td>
                                                            <td>@registro.prDescripcion</td>
                                                            <td><a href="/RegistroMantenimiento/Delete?idMantenimiento=@registro.prIdRegistro">Eliminar</a></td>
                                                                 

                                                        </tr>
                                                    }
											</table>
                                           	<br><span style="float : none"><a href="/RegistroMantenimiento/Registrar?idContrato=@ViewBag.idContrato" class="button">Agregar Nuevo</a></span>
										</div>						
								   </form>
                                </div>
								 <br />
						<span style="float: none">
							@if (ViewBag.prevPage > 0)
       {
								<a href="javascript:anteriorPagina()">Anterior</a> 
       }
							| 
                                        @if (ViewBag.nextPage <= ViewBag.numPages)
                                        {
									<a href="javascript:siguientePagina()">Siguiente</a>
								}
						</span>
							
						</article>
                        </div>
				
				</section>
			</div>
            </div>
		
<!-- / content -->
		
		<script type="text/javascript"> Cufon.now(); </script>

</body>